<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="stylesheet" href="../css/core.css">
		<link rel="stylesheet" href="../css/icon.css">
		<link rel="stylesheet" href="../css/home.css">
		<link rel="icon" type="image/x-icon" href="favicon.ico">
		<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
		<style type="text/css">
			#scrollBg {
				width: 100%;
				height: 45px;
				line-height: 45px;
				background: rgba(251, 55, 67, 0.9);
				display: none;
				z-index: 111;
				position: fixed;
				left: 0;
				top: 0;
				text-align: center;
				font-size: 20px;
				color: #fff;
			}
		</style>
	</head>
	<body style="background:#fff">
		<div id="scrollBg"></div>
		<header class="aui-header-default aui-header-fixed aui-header-clear-bg "
			style="background:none; border-bottom:0">
			<a href="#" class="aui-header-item">
				<div id="scrollSearchDiv">
					<img src="../img/user/head-2.jpg" alt="">
				</div>
			</a>
			<div class="aui-header-center aui-header-center-clear">
				<div class="">

				</div>
			</div>
			<a href="my-set.html" class="aui-header-item-icon">
				<i class="aui-icon aui-icon-Sets"></i>
			</a>

		</header>

		<section class="aui-me-content" style="padding-top:0;">
			<div class="aui-me-content-box">
				<div class="aui-me-content-list">
					<div class="aui-me-content-item">
						<div class="aui-me-content-item-head">
							<div class="aui-me-content-item-img">
								<img src="../img/user/head-2.jpg" alt="">
							</div>
							<div class="aui-me-content-item-title">剁手玩家</div>
						</div>
						<div class="aui-me-content-item-text">
							<a href="#">
								<span>98</span>
								<span>收藏</span>
							</a>
							<a href="#">
								<span>78</span>
								<span>关注</span>
							</a>
							<a href="#">
								<span>99</span>
								<span>足迹</span>
							</a>
							<a href="#">
								<span>65</span>
								<span>分享</span>
							</a>
						</div>
					</div>
					<div class="aui-me-content-card">
						<h3><i class="aui-icon aui-card-me"></i>plus会员</h3>
						<a href="#">开通享8大权益</a>
					</div>
				</div>
			</div>
			<div class="aui-me-content-order">
				<a href="#" class="aui-well aui-fl-arrow">
					<div class="aui-well-bd">我的订单</div>
					<div class="aui-well-ft">查看全部</div>
				</a>
			</div>
			<section class="aui-grid-content">
				<div class="aui-grid-row">
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-wallet"></i>
						<p class="aui-grid-row-label">待付款</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-goods"></i>
						<p class="aui-grid-row-label">待发货</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-receipt"></i>
						<p class="aui-grid-row-label">待收货</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-evaluate"></i>
						<p class="aui-grid-row-label">待评价</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-refund"></i>
						<p class="aui-grid-row-label">退货退款</p>
					</a>
				</div>
				<div class="aui-dri"></div>
				<div class="aui-grid-row">
					<a href="my-invitation.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-invitation"></i>
						<p class="aui-grid-row-label">邀请好友</p>
					</a>
					<a href="my-sign.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-signs"></i>
						<p class="aui-grid-row-label">签到领币</p>
					</a>
					<a href="my-membership.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-coupon"></i>
						<p class="aui-grid-row-label">优惠券</p>
					</a>
					<a href="my-purchase.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-fight"></i>
						<p class="aui-grid-row-label">我的拼团</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-large-sm aui-icon-recommend"></i>
						<p class="aui-grid-row-label">商品推手</p>
					</a>
				</div>
				<div class="aui-recommend">
					<img src="../img/bg/icon-tj3.jpg" alt="">
					<!--<h2>为你推荐</h2>-->
				</div>
				<section class="aui-list-product">
					<div class="aui-list-product-box" id="recommend">
						<script type="text/template" id="recommends">
							{{each list as item}}
							<a href="subpages/ui-product.html" class="aui-list-product-item">
								<div class="aui-list-product-item-img">
									<img src="../{{item.image}}" alt="">
								</div>
								<div class="aui-list-product-item-text">
									<h3>{{item.descript}}</h3>
									<div class="aui-list-product-mes-box">
										<div>
											<span class="aui-list-product-item-price">
												<!-- <em>¥</em> -->
												{{item.price}}
											</span>
											<span class="aui-list-product-item-del-price">
												{{item.price}}
											</span>
										</div>
										<div class="aui-comment">{{item.comments}}</div>
									</div>
								</div>
							</a>
							{{/each}}
						</script>
					</div>
				</section>
			</section>
		</section>

		<footer class="aui-footer-default aui-footer-fixed">
			<a href="../style.html" class="aui-footer-item">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
				<span class="aui-footer-item-text">首页</span>
			</a>
			<a href="class.html" class="aui-footer-item">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>
				<span class="aui-footer-item-text">分类</span>
			</a>
			<a href="car.html" class="aui-footer-item">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
				<span class="aui-footer-item-text">购物车</span>
			</a>
			<a href="ui-me.html" class="aui-footer-item aui-footer-active">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
				<span class="aui-footer-item-text">我的</span>
			</a>
		</footer>

		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script src="../js/mui.js"></script>
		<script src="../js/template-web.js"></script>

		<script type="text/javascript">
			<!-- 顶部菜单横条 -->
			$(function() {
				//绑定滚动条事件
				$(window).bind("scroll", function() {
					var sTop = $(window).scrollTop();
					var sTop = parseInt(sTop);
					if (sTop >= 40) {
						if (!$("#scrollBg").is(":visible")) {
							try {
								$("#scrollBg").slideDown();
							} catch (e) {
								$("#scrollBg").show();
							}
						}
					} else {
						if ($("#scrollBg").is(":visible")) {
							try {
								$("#scrollBg").slideUp();
							} catch (e) {
								$("#scrollBg").hide();
							}
						}
					}
				});
			})
			
			window.onload = function() {

				// 加载推荐内容
				mui.get('https://www.fastmock.site/mock/c552699016b2debe7b2d6f5b458cf398/app/recommend', {},
					function(data) {
						//获得服务器响应
						console.log(data)

						let rec = template("recommends", data)
						// document.getElementById('banner_img').setAttribute('src',data.img_data.image)
						document.getElementById('recommend').innerHTML = rec
					}, 'json'
				);
			}

		</script>
	</body>
</html>
